<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title>Pet Clinic - Owners</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="shortcut icon" href="/favicon.ico">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css(.) styles/vendor.css -->
    <!-- bower:css -->
    <!-- endbower -->
    <!-- endbuild -->
    <!-- build:css(.tmp) styles/main.css -->
    <link rel="stylesheet" href="styles/main.css">
    <!-- endbuild -->
  </head>
  <body>
    <!--[if lt IE 10]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <nav class="navbar navbar-default navbar-static-top">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <a class="navbar-brand" href="/">
            <img alt="Pet Clinic Brand" height="27" width="auto" src="images/logo.png">
          </a>
          <button class="navbar-toggle navbar-toggle-left collapsed" type="button" data-toggle="collapse" data-target="#nav-menu">
            <span class="sr-only">Toggle navigation</span>
            <span class="glyphicon glyphicon-triangle-bottom"></span>
          </button>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div id="nav-menu" class="navbar-collapse navbar-left collapse">
          <ul class="nav navbar-nav navbar-menu">
            <li><a href="dashboard.html">Dashboard</a></li>
            <li class="active"><a href="owners.html">Owners</a></li>
            <li><a href="pets.html">Pets</a></li>
            <li><a href="vets.html">Veterinarians</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
        <ul class="nav navbar-profile">
          <li class="hidden">
            <button class="btn btn-default btn-primary btn-new navbar-btn" data-toggle="dropdown">Create New</button>
          </li>
          <li><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>
          <li><a href="#"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle img-profile" data-toggle="dropdown" role="button" aria-expanded="false">
              <img class="img-circle img-circle-small" src="../images/avatar.jpg" width="30" height="30">
            </a>
            <ul class="dropdown-menu navbar-dropdown-menu">
              <li><a href="#">View Profile</a></li>
              <li><a href="#">Settings</a></li>
              <li><a href="#">Sign Out</a></li>
              <li class="divider"></li>
              <li><a href="#">Help</a></li>
            </ul>
          </li>
        </ul>
        </div>
      </div><!-- /.container-fluid -->
    </nav>

    <!-- Owners -->
    <section id="owners" class="sections sections-narrow">
      <div class="container">
        <div class="action-items pull-right">
          <div class="action-item pull-right">
            View as
            <div class="btn-group">
              <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-th" aria-hidden="true"></span></a>
              <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span></a>
            </div>
          </div>
          <div class="action-item pull-right">
            Sort by
            <div class="btn-group">
              <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span></a>
              <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a>
            </div>
          </div>
        </div>
        <h2 class="sub-header">Latest Pet Owners</h2>
        <div class="row thumbnail-wrapper">
          <div class="col-md-3">
            <div class="thumbnail">
              <a href="owner_details.html"><img src="../images/owner-default.png" class="img-circle" alt="Generic placeholder image"></a>
              <div class="caption">
                <h3 class="caption-heading"><a href="owners.html">Eduardo Rodriguez</a></h3>
                <p class="caption-meta">2693 Commerce St., McFarland</p>
                <p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
              </div>
              <div class="action-bar">
                <ul>
                  <li>
                    <a href="#"><img src="../images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
                  </li>
                  <li>
                    <a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="thumbnail">
              <img src="../images/owner-default.png" class="img-circle" alt="Generic placeholder image">
              <div class="caption">
                <h3 class="caption-heading">Eduardo Rodriguez</h3>
                <p class="caption-meta">2693 Commerce St., McFarland</p>
                <p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
              </div>
              <div class="action-bar">
                <ul>
                  <li>
                    <a href="#"><img src="../images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
                  </li>
                  <li>
                    <a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="thumbnail">
              <img src="../images/owner-default.png" class="img-circle" alt="Generic placeholder image">
              <div class="caption">
                <h3 class="caption-heading">Eduardo Rodriguez</h3>
                <p class="caption-meta">2693 Commerce St., McFarland</p>
                <p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
              </div>
              <div class="action-bar">
                <ul>
                  <li>
                    <a href="#"><img src="../images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
                  </li>
                  <li>
                    <a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="thumbnail">
              <img src="../images/owner-default.png" class="img-circle" alt="Generic placeholder image">
              <div class="caption">
                <h3 class="caption-heading">Eduardo Rodriguez</h3>
                <p class="caption-meta">2693 Commerce St., McFarland</p>
                <p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
              </div>
              <div class="action-bar">
                <ul>
                  <li>
                    <a href="#"><img src="../images/pet-small.png" class="img-circle img-circle-small" alt="Generic placeholder image" height="30" width="30"></a>
                  </li>
                  <li>
                    <a href="#" class="btn-add-pet"><span class="glyphicon glyphicon-plus"></span></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
      <div class="container">
        <p class="pull-right">Tell your friends: <a href="#">Facebook</a>, <a href="#">Twitter</a>, <a href="#">Google+</a></p>
        <p>© 2015 Pet Clinic, A Spring Framework Demonstration</p>
      </div>
    </footer>

    <!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/affix.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/alert.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/button.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/carousel.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/collapse.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/dropdown.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tab.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/transition.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/scrollspy.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/modal.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js"></script>
    <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js"></script>
    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:js({app,.tmp}) scripts/main.js -->
    <script src="scripts/main.js"></script>
    <!-- endbuild -->
</body>
</html>
